<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>好好吃商城</title>
<link type="text/css" href="css/css.css" rel="stylesheet" />
 <script type="text/javascript" src="js/vue.js"></script>
<script type="text/javascript" src="js/jquery.js"></script>
<script type="text/javascript" src="js/js.js"></script>
<script src="js/wb.js" type="text/javascript" charset="utf-8"></script>
<script type="text/javascript">
 $(function(){
	 $(".vipNav dd:eq(2)").show();
	 })
</script>
</head>

<body>
 <div class="mianCont" id="app">
  <div class="top">
   <span>您好！欢迎来到好好吃商城</span>
   <span class="topRight">
    <a href="index.html">好好吃</a>&nbsp;|
    <a href="order.html">我的订单</a>&nbsp;|
    <a href="vip.html">会员中心</a>&nbsp;|
    <a href="#">联系我们</a>
   </span>
  </div><!--top/-->
  <div class="lsg">
   <h1 class="logo"><a href="index.html"><img src="img/logo.png" width="217" height="90" /></a></h1>
   <form action="#" method="get" class="subBox">
    <div class="subBoxDiv">
     <input type="text" class="subLeft" id="sub"/>
     <input type="image" id="sublert2" src="img/subimg.png" width="63" height="34" class="sub"/>
     <div class="hotWord">
      热门搜索：
      <a href="#">辣条</a>&nbsp;
      <a href="#">大礼包</a> &nbsp;
      <a href="#">手撕面包</a>&nbsp;
      <a href="#">鸭脖</a> &nbsp;
      <a href="#">每日坚果</a> &nbsp;
      <a href="#">芒果干</a>&nbsp;
     </div><!--hotWord/-->
    </div><!--subBoxDiv/-->
   </form><!--subBox/-->
  </div><!--lsg/-->
  <div class="pnt">
   <div class="pntLeft">
    <h2 class="Title">所有商品分类
     <ul class="InPorNav">
      <li><a href="product.html">镇店爆款</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='镇店爆款'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div>
      </li>
      <li><a href="product.html">量贩专区</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='量贩专区'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">坚果炒货</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='坚果炒货'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">肉类卤味</a>
       <div class="chilInPorNav" id="roulei">
        <a href="#" v-for="item in goods" v-if="item.type=='肉类卤味'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">干果蜜钳</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='干果蜜钳'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">糕点点心</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='糕点点心'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">方便素食</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='方便素食'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
      <li><a href="product.html">冲饮茶饮</a>
       <div class="chilInPorNav">
        <a href="#" v-for="item in goods" v-if="item.type=='冲茶茶饮'" @click="gooou(item.id)">{{item.goodsName}}</a>
       </div><!--chilLeftNav/-->
      </li>
     </ul><!--InPorNav/-->
    </h2>
   </div><!--pntLeft/-->
   <div class="pntRight">
    <ul class="nav">
     <li><a href="index.html">商城首页</a></li>
     <li><a href="product.html">促销中心</a></li>
     <li><a href="vip.html">会员中心</a></li>
     <li><a href="help.html">帮助中心</a></li>
     <div class="clears"></div>
     <div class="phone">TEL：021-12345678</div>
    </ul><!--nav/-->
   </div><!--pntRight/-->
   <div class="clears"></div>
  </div><!--pnt/-->
  <div class="positions">
   当前位置：<a href="index.html">首页</a> &gt; <a href="vip.html">会员中心</a>
    &gt; <a href="#" class="posCur">我的订单</a>
  </div><!--positions/-->
  <div class="cont">
   <h2 class="oredrName">
    订单详情
   </h2>
   <table class="vipOrder">
    <tr v-for="item in dod">
     <td><a href="orderDetails.html"><img v-bind:src="item.goodsImg" width="60" height="55"></a></td>
     <td>{{item.goodsName}}</td>
     <td>总金额￥{{item.price*item.num}}</td>

     <td><a href="#"><strong>数量：{{item.num}}</strong></a></td>
     <td><a href="#">状态：等待付款</a></td>
    </tr>

   </table><!--vipOrder/-->

   <div class="clears"></div>
  </div><!--cont/-->
  <div class="inHelp">
   <div class="inHLeft">
    <h4>帮助中心</h4>
    <ul class="inHeList">
     <li><a href="help.html">购物指南</a></li>
     <li><a href="help.html">支付方式</a></li>
     <li><a href="help.html">售后服务</a></li>
     <li><a href="#">企业简介</a></li>
     <div class="clears"></div>
    </ul><!--inHeList/-->
   </div><!--inHLeft/-->
   <div class="inHLeft">
    <h4>会员服务</h4>
    <ul class="inHeList">
     <li><a href="reg.html">会员注册</a></li>
     <li><a href="login.html">会员登录</a></li>
     <li><a href="order.html">购物车</a></li>
     <li><a href="order.html">我的订单</a></li>
     <div class="clears"></div>
    </ul><!--inHeList/-->
   </div><!--inHLeft/-->
   <div class="inHRight">
    <h4>全国统一免费服务热线</h4>
    <div class="telBox">400-0000-0000</div>
    <div class="weibo">

    </div>
   </div><!--inHRight/-->
   <div class="clears"></div>
  </div><!--inHelp/-->
  <div class="footer">
   <p>
   <a href="#">进入好好吃官网</a>&nbsp;|&nbsp;
   <a href="index.html">商城首页</a>&nbsp;|&nbsp;
   <a href="product.html">促销中心</a>&nbsp;|&nbsp;
   <a href="order.html">我的订单</a>&nbsp;|&nbsp;
   <a href="#">新闻动态</a>&nbsp;|&nbsp;
   <a href="login.html">会员中心</a>&nbsp;|&nbsp;
   <a href="help.html">帮助中心</a>
   </p>
   <p>
    版权所有：好好吃有限公司 版权所有  Copyright 2010-2015   ICP备00000000号
   </p>
  </div><!--footer/-->
 </div><!--mianCont/-->
 <script type="text/javascript" src="js/config.js"></script>
 <script type="text/javascript" src="js/jquery.cookie.js"></script>
 <script type="text/javascript">
  var app = new Vue({
   el: "#app",
   data: {
    goods: [],
    dod: [],
    ds: [],
    tot: 0,
    tot2: 0
   },
   methods: {
    gooou(id) {
     $.cookie('name', id, {path: '/proinfo.html'});
     $(window).attr('location', 'proinfo.html');

    },
   }
  })

  $(document).ready(function () {

   $.ajax({
    url: config.GOODS_GETALL,
    type: "post",
    dataType: "json",
    data: {},
    success: function (data) {
     app.goods = data.data

    }
   })
   name = $.cookie('name');
    look_id=$.cookie('look_id');
   $.ajax({
    url: config.ORDER_GETALL,
    type: "post",
    dataType: "json",
    data: {
     "userXh":name

    },
    success: function (data) {
     console.log(data.data)
     console.log(look_id)
     for (i=0;i<data.data.length;i++){
      if(look_id==data.data[i].orderBean.id){
       app.dod=data.data[i].orderList

      }
     }
    // app.dod = data.data


    }
   })


  })


  $('#sublert2').click(function () {//搜索框

//通过ID查询商品
   $.ajax({
    url: config.GOODS_GETALL,
    type: "post",
    dataType: "json",
    data: {
     "value": $("#sub").val()
    },
    success: function (data) {

     if (data.data == "") {
      alert("没有此商品")
     } else {
      var id = data.data[0].id;

      $.cookie('name', id, {path: '/proinfo.html'});
      $(window).attr('location', 'proinfo.html');
     }
    }
   })
  })


 </script>
</body>
</html>